<template>
  <div class="hospital-team">
    <p class="dsc mt-4">{{options.header.tuanduiDescription}}</p>
    <team-com :team="team" :zhuanke="true" :company="company" :total="total" @change="onChange"></team-com>
  </div>

</template>

<script>
  import teamCom from "@/components/teamCom"

  export default {
    props: [ 'company', 'options'],
    computed: {},
    data() {
      return {
        team:[],
        total:0,
        pagination: {
          pageSize: 10,
          pageNum: 1
        },
      }
    },
    components: {
      teamCom
    },
    mounted() {

      this.$emit('changeNav', null)
      this.$emit('changeTip', this.getTip())
      this.getData()
    },
    methods: {
      getTip() {
        let tips = []
        tips.push({
          name: '专家团队'
        });
        return tips;
      },
      onChange(pagination) {
        this.dlog(pagination)
        this.pagination = pagination;
        this.getData()
      },
      getData() {
        this.getHttpObject()
          .setApi('tuandui', this.pagination)
          .onSucc((res)=>{
            let data = res.data.data;
            this.dlog('收到的专科部数据:')
            this.dlog(data)
            this.data = data
            this.team = data.list
            this.total = data.total
          }).goAxios()
      },
    }
  }
</script>

<style lang="less" scoped>
  @import "~assets/style/public";

  .hospital-team {
    ul, li {
      list-style: none;
    }
    .dsc{
      font-family: MicrosoftYaHeiUI;
      font-size: 16/@size;
      color: #222222;
      letter-spacing: 0;
      line-height: 32/@size;
    }
  }

  @media (min-width: 320px) and (max-width: 767px) {
    .hospital-team {
      .dsc{
        font-family:@font-first;
        font-size:@font-30;
        .line-height(40);
      }
    }
  }


</style>
